
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/tab.css">
</head>
<body>

<div class="wrapper" id="wrapper">
	<ul class="tab" id="tab-menu">
		<li class="tab-item active">国际大牌<span>◆</span></li>
		<li class="tab-item">国妆名牌<span>◆</span></li>
		<li class="tab-item">清洁用品<span>◆</span></li>
		<li class="tab-item">男士精品</li>
	</ul>
	<div class="products" id="tab-main">
		<div class="main selected"><a href="###"><img src="imgs/guojidapai.jpg" alt=""></a></div>
		<div class="main"><a href="###"><img src="imgs/guozhuangmingpin.jpg" alt=""></a></div>
		<div class="main"><a href="###"><img src="imgs/qingjieyongpin.jpg" alt=""></a></div>
		<div class="main"><a href="###"><img src="imgs/nanshijingpin.jpg" alt=""></a></div>
	</div>
	
	
	
	
</div>



<script src="./js/tab1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var tb = new Tab({
		tabMenu: "tab-menu",    // 指定tab栏菜单id
		tabMain: "tab-main",    // 指定tab栏内容id
		auto: true           // 是否自动播放
	});
</script>
</body>
</html>